<table class="table table-striped table-bordered table-condensed">
  <thead>
    <tr>
      <th>名称</th>
      <th>CPU使用率</th>
      <th>内存使用率</th>
      <th >集群</th>
      <th>虚拟机</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="m in tops | orderBy:'-cpu_usage' | limitTo:5">  
      <td>
          {{m.host_name}}
      </td>
      <td>
<div class="progress">
      <span class="green" style="width: {{m.cpu_usage}}%;"><span>{{m.cpu_usage}}%</span></span>
    </div>

      </td>
      <td>
          <div class="progress">
      <span class="blue" style="width: {{m.mem_usage}}%;"><span>{{m.mem_usage}}%</span></span>
    </div>

      </td>
        <td>{{m.cluster.name}}</td>
      <td>{{ m.instance_set.length }}</td>
    </tr>
  </tbody>
</table>